@import "tailwindcss";

@layer components {
  /* 通用按钮样式 */
  .mine-button {
    @apply px-[20px] py-[14px] bg-green-500 leading-[1] rounded-[10px] m-[20px] text-[18px] text-[yellow] font-bold shadow-[3px_3px_6px_#000] select-none cursor-pointer;

    &:hover {
      @apply bg-green-600;
    }

    &:active {
      @apply shadow-[3px_3px_10px_#000];
    }
  }

  
}